@charset "utf-8";
*{ margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0; font-size:100%; background:transparent; outline:0; border:0;}
li{list-style-type:none;}img{vertical-align:top;border:0; margin:0; overflow:hidden}ol,ul {list-style:none;}   
.left{float:left;}.right{float:right;}
.blank10 {clear:both; height:10px; overflow:hidden; display:block;}
.blank12 {clear:both; height:12px; overflow:hidden; display:block;}
.blank15 {clear:both; height:15px; overflow:hidden; display:block;}
.blank5 {clear:both; height:5px; overflow:hidden; display:block;}
.blank30 {clear:both; height:30px; overflow:hidden; display:block;}
.blank20 {clear:both; height:20px; overflow:hidden; display:block;}
.blank40 {clear:both; height:40px; overflow:hidden; display:block;}
.blank50 {clear:both; height:50px; overflow:hidden; display:block;}
.blank60 {clear:both; height:60px; overflow:hidden; display:block;}
.blank120 {clear:both; height:120px; overflow:hidden; display:block;}
.cb{ clear:both;}.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
a{color: #383838; text-decoration: none; outline:none;}a:hover {color: #00a7ea; text-decoration: underline}
body {background:#fff;font-size:14px;color: #383838;line-height:24px;font-family:Arial; -webkit-text-size-adjust:none;}

.mainbody { width:1200px; margin:0 auto;}

.header { width:100%; height:96px; background:url(../images/hdbg.png) repeat-x; position:fixed; top:0; left:0; z-index:909;}
.head{ width:1200px; margin:0 auto;height:96px; overflow:hidden;}
.head .logo { height:52px; float:left; margin-top:22px;}

.n_right { width:705px; float:right; padding-top:20px;}
.n_right .ss { width:270px; height:23px; float:right;}

.nav{ clear:both;width:705px; float:right;height:32px; overflow:hidden; padding-top:14px;}
.nav ul li { height:32px; text-align:center; float:left; font-size:15px;text-transform:uppercase;}
.nav ul li a,.nav ul li a:visited{color:#232323; height:24px; padding-bottom:5px;display:block; margin:0 17px;}
.nav ul li a:hover{text-decoration:none; color:#232323; border-bottom:#005ea6 3px solid;}

#nav1 .nav1 a,#nav2 .nav2 a,#nav3 .nav3 a,#nav4 .nav4 a,#nav5 .nav5 a,#nav6 .nav6 a,#nav7 .nav7 a,#nav8 .nav8 a,#nav9 .nav9 a,#nav10 .nav10 a,#nav11 .nav11 a{text-decoration:none; color:#232323; border-bottom:#005ea6 3px solid;}

.flash { width:100%; height:553px; overflow:hidden; text-align:center;}
/*首页焦点图*/
.banner_01 { width:100%; height:553px; overflow:hidden; clear:both; position:relative;}
#jdt{width:100%; height:553px; overflow:hidden;}
#jdt li a{width:100%; height:553px; display:block; text-indent:-9999px;}
#jdkz{position:absolute; left:50%; width:90px; margin-left:-45px; bottom:20px; z-index:99999; height:15px;}
#jdkz li{width:22px; height:8px; display:inline; margin:0 4px; background:#333; float:left; -moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7; cursor:pointer;}
#jdkz .xkz{background:#01b1ed; -moz-opacity:0.10; filter:alpha(opacity=70); opacity:0.7;}

/*首页焦点图*/
.flash2 { width:100%; height:410px; overflow:hidden; text-align:center;}
.banner_03 { width:100%; height:410px; overflow:hidden; clear:both; position:relative;}
#jdt3{width:100%; height:410px; overflow:hidden;}
#jdt3 li a{width:100%; height:410px; display:block; text-indent:-9999px;}
#jdkz3{position:absolute; left:50%; width:90px; margin-left:-45px; bottom:20px; z-index:99999; height:15px;}
#jdkz3 li{width:22px; height:8px; display:inline; margin:0 4px; background:#333; float:left; -moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7; cursor:pointer;}
#jdkz3 .xkz3{background:#01b1ed; -moz-opacity:0.10; filter:alpha(opacity=70); opacity:0.7;}

h1 { width:85%; text-align:center; font-size:20px; font-weight:bold; line-height:30px; color:#333; padding-bottom:10px; margin:0 auto;}

.tit { width:100%; text-align:center; padding-bottom:13px; overflow:hidden; background:url(../images/ins_14.jpg) repeat-x bottom;}
.tit h3 {width:375px; margin:0 auto; height:101px; line-height:101px; font-size:40px; padding:20px 0 10px 0; color:#000;text-transform:uppercase; background:#fefefc url(../images/ins_11.jpg) no-repeat center;font-family: Arial;}
.tit span { display:block; font-size:15px; color:#676767; padding-top:5px;}

.box_n{ clear:both; width:100%; height:42px; line-height:19px; background:#eee; overflow:hidden;}
.new_l { float:left; height:42px;  background:url(../images/a2.png) no-repeat left center;line-height:42px; padding-left:45px; width:70px; font-weight:bold;}
.t_news{ height:19px; background:url(../images/a2.png) 0 -88px no-repeat; color:#fff; float:right; width:1080px; margin:11px 0; overflow:hidden; position:relative;}
.news_li,.swap{ display:inline-block; position:absolute; top:0; left:0;width:1080px;}
.news_li a,.swap a{ color:#383838; display:block; width:800px; float:left;}
.news_li span,.swap span { display:block; color:#383838; float:right; text-align:right; width:100px;}
.swap{top:19px;}

.syabout img.abimg { float:left;}
.sytex { float:right;}
.sytex .tex { line-height:35px; font-size:16px;}
.sytex h3 {color:#010101; font-size:22px; padding-bottom:15px; font-weight:bold; line-height:35px;}
.syab { width:680px; color:#a1a1a1; padding:0 25px 10px 25px; height:435px; background:url(../images/dt.jpg) no-repeat right bottom;}
.aa2 { padding-top:50px; overflow:hidden;}
.aa2 a { display:block; width:125px; height:36px; line-height:36px; margin-bottom:20px; text-align:center; text-decoration:none; border:#28a08d 1px solid;}
.aa2 a.more,.aa2 a:hover { background:#28a08d; color:#fff;}

.sybg { width:100%; padding-top:42px; background:url(../images/bg.jpg) no-repeat center top; overflow:hidden;}
.sypro { width:1200px; margin:0 auto; overflow:hidden;}
.sypro li { float:left; width:373px; margin:0 12px; text-align:center; border:#ddd 1px solid; padding-bottom:40px;}
.sypro li h3 { font-size:22px; padding:30px 0;}
.sypro li p { height:65px; padding-bottom:25px;}
.sypro li a{display:block; font-size:16px; color:#a1a1a1;}
.sypro li a.more{  color:#39b19e; display:block; font-size:18px; text-decoration:underline;}

.sybg2 { width:100%; height:529px; background:url(../images/in_20.jpg) no-repeat center top; overflow:hidden;}
.sybg2 .text { width:428px; height:329px; padding:100px 30px; background:#39b19e; overflow:hidden;}
.sybg2 .text p { padding:70px 0; font-size:26px; line-height:40px; text-transform:uppercase; color:#fff;}
.sybg2 .text a {width:126px; height:37px; line-height:37px; font-size:24px; color:#fff; text-align:center; display:block; background:#cf7b0e;}

.sybg3 { clear:both; width:100%; background:#fafafa; overflow:hidden; padding:60px 0;}
.synews { width:1200px; margin:0 auto; overflow:hidden;}
.synews li { float:left; width:345px; margin-left:37px; height:255px; background:#fff; padding:30px 15px;}
.synews li:first-child { margin-left:0;}
.synews li h3 { border-bottom:#39b19e 3px solid; padding-bottom:10px; font-size:20px; line-height:30px;}
.synews li .tex { padding-top:20px; line-height:22px;  color:#848484; width:100%; height:105px; overflow:hidden;}
.synews li a.more { width:124px; height:32px; line-height:32px; display:block; background:url(../images/in_23.jpg) no-repeat; margin-top:25px;  text-align:center; color:#fff;}

.pro1 li { float:left; width:270px; margin:10px 20px 25px 10px; text-align:center; overflow:hidden;}
.pro1 li .pimg { width:270px; height:180px;overflow:hidden;}
.pro1 li .pimg img{ width:270px; height:180px;transition:all 0.2s;}
.pro1 li .pimg:hover img{ transform:scale(1.1,1.1);transform-origin:center center}

.pro2 li { float:left; width:350px; margin:10px 25px 25px 25px; text-align:center; overflow:hidden;}
.pro2 li .pimg { width:350px; height:250px;overflow:hidden;}
.pro2 li .pimg img{ width:350px; height:250px;transition:all 0.2s;}
.pro2 li .pimg:hover img{ transform:scale(1.1,1.1);transform-origin:center center}

.sybg4 { clear:both; width:100%; padding:50px 0; background:#222; overflow:hidden;}
.ft_left li { float:left; padding-right:90px;}
.sybg4 h3 { font-size:20px; color:#fff; background:url(../images/line.jpg) no-repeat left bottom; padding-bottom:8px;}
.sybg4 .tex { padding-top:15px; overflow:hidden;color:#666;}
.sybg4 .tex a { display:block; color:#666;}
.ftew {float:right; width:350px;}
.ftew li { float:left; margin-right:55px; text-align:center; color:#666;}
.ftew li img { display:block; margin-bottom:5px;}

.footer2 { clear:both; width:100%; height:116px; background:#000; color:#a6a6a6;overflow:hidden; }
.bottom2 { width:100%; height:55px; line-height:55px; border-bottom:#222 1px solid; overflow:hidden;}
.bottom2 .bq_tel { float:left; width:45%; background:url(../images/in_27.jpg) no-repeat left center;}
.bottom2 .bq_tel span { padding:0 15px 0 40px; font-size:18px;}
.bottom2 .bq_add { float:right; width:50%; text-align:right;}
.footer3 { clear:both; width:100%;height:60px;line-height:60px;overflow:hidden;}
.footer2 span.zzb07tail a,.footer2 a{ color:#a6a6a6;}

.about { padding-bottom:60px; overflow:hidden;}
.about p {padding:10px 25px; font-size:16px; line-height:32px;}
.com_bt { padding:30px 0px 18px 30px; border-bottom:3px solid #444446; font-size:24px; line-height:35px; font-family:Georgia; font-weight:bold; margin-bottom:10px;}
.ab3 { background:url(../images/ab.jpg) no-repeat right top; overflow:hidden;min-height:430px; height:auto !important;height:430px; overflow:auto;zoom:1;}
.ab2 { width:600px; float:left; line-height:30px;}
.ab2 p {padding:15px 0;}

.cmo { padding:0 25px 60px 25px;}
.cmo h3 { font-size:16px; padding:30px 0 20px 0; font-weight:bold; background:url(../images/a4-2.png) repeat-x bottom;}
.cmo h3 span { display:inline-block; background:url(../images/h1.png) no-repeat left 4px; padding:0 15px 0 25px;}
.cmo p { padding:10px 15px 5px 40px; background:url(../images/aa4.jpg) no-repeat 25px 19px;}
.as1 { float:left; width:810px;}
.as2 { float:right; width:305px; height:217px; background:url(../images/abg.jpg) no-repeat; overflow:hidden;}
.as2 .pimg {margin:15px 0 0 13px; width:276px; height:186px; overflow:hidden;}
.as2 .pimg img { width:276px; height:186px;transition:all 0.2s;}
.as2 .pimg:hover img{ transform:scale(1.1,1.1);transform-origin:center center}

.product h3 { font-size:20px;background:url(../images/a4-2.png) repeat-x bottom; height:50px; line-height:40px; width:90%; margin:0 auto;}
.product h3 span { display:inline-block; background:url(../images/h1.png) no-repeat left 12px; height:50px; padding:0 15px 0 25px;}
.product .tex { width:70%; margin:35px auto; font-size:16px;}

.news p {padding:10px 0;}
.news img { max-width:100%; height:auto !important; height:100%; margin:5px 0;}

.contact { width:1157px; margin:0 auto;line-height:35px; font-size:16px;overflow:hidden;}
.sylx h3{ font-size:24px; text-align:center; line-height:96px;}
.sylx h3 img { vertical-align:middle; margin-right:15px;}
.sylx li { width:344px; padding:125px 20px 50px 20px; float:left; text-align:center;}
.sylx li.ss { width:438px; padding:50px 20px 50px 120px;}
.sylx li span { font-size:20px;}

.syly { clear:both; overflow:hidden; border:#ddd 1px solid; padding:20px 80px; width:995px; margin:0 auto;}
.syly li { float:left;}
.syly li.ss { padding-right:350px;}
.syly .com_bt { padding:30px 0px 18px 0;}
.syly .com_bt span{ display:inline-block; line-height:57px; padding-left:20px;}


.pnpage { clear:both; text-align:center; padding:30px 0 10px 0; overflow:hidden;}
.pnpage a { padding:10px 35px; display:inline-block; color:#fff; border-radius:20px; background:#005ea6; margin:0 20px; font-size:16px;}
.pnpage a:hover { text-decoration:none; background:#00a7ea;}

.close { clear:both; color:#f60; text-align:center; padding-top:10px;}
.close a{color:#f60; }

ul.newlist{width:94%; overflow:hidden; padding-left:3%;}
ul.newlist li { width:100%; float:left; padding:10px 0;}
ul.newlist li h3 {border-bottom:#ddd 1px solid;border-top:#ddd 1px solid; background:#efefef url(../images/01.gif) no-repeat 10px center; width:98%; padding:0 1%; line-height:40px;height:40px;}
ul.newlist li h3 a { display:block; float:left; width:80%; padding-left:20px;height:40px; font-weight:bold;}
ul.newlist li h3 span { display:block; width:10%; float:right; text-align:right;height:40px;}
ul.newlist li .tex { margin-top:1px; padding:10px 20px; background:#f7f7f7; color:#666;}

table.yy { width:90%; margin:0 auto;}
.yy td {padding:3px 0; }
.yy input { border:#b2b5b5 1px solid;height:25px;line-height: 25px; margin:0 3px; color: #222;}
.yy textarea {border:#b2b5b5 1px solid; line-height:25px;margin:0 3px;color: #222;}
input.aak { background:#000; color:#fff; line-height:25px; padding:0 10px; cursor:pointer;}
table.yy img { height:40px;}

table.bak { width:94%; margin:10px auto;border-left:#ccc 2px solid; border-top:#ccc 2px solid;}
.bak td,.bak th {border-right:#ccc 2px solid; border-bottom:#ccc 2px solid; padding:5px 10px; font-size:14px; line-height:22px;}
.bak th { background:#6c6c6c; color:#fff; padding:15px 10px; font-weight:bold; text-align:center; font-size:16px;}
.bak .pro { background:#ffddb5; width:20%; text-align:center;}

.baka img { margin:10px 0;}

table.bakb { width:94%; margin:10px auto;border-left:#fff 2px solid; border-top:#fff 2px solid;}
.bakb td,.bakb th {border-right:#fff 2px solid; border-bottom:#fff 2px solid; padding:10px; font-size:14px; line-height:22px; background:#e1f1fc;}
.bakb th { background:#62a8dd; color:#fff; padding:15px 10px; font-weight:bold; text-align:center; font-size:16px;}
.bakb .pro { background:#62a8dd; color:#fff; padding:10px 0; width:20%; font-weight:bold; text-align:center; font-size:15px;}
.bakb .prof { background:#fff;}

.txtc { clear:both; text-align:center; padding-right:25px; padding-top:10px; font-size:12px}
span.current,a.num { display:inline-block; margin:0 5px; padding:0 8px; height:23px; line-height:23px;}
span.current,a.num:hover { background:#fbeded; border:#ff5203 1px solid; color:#ff5203;}
a.num,a.end,a.next,a.prev { border:#cdcdcd 1px solid; color:#333; background:#fff; text-decoration:none;}
a.end,a.next,a.prev { display:inline-block; padding:0 8px;height:23px; line-height:23px;}
a.prev { margin:0 5px;}

/*products*/
#tabbox{ width:1178px; overflow:hidden; margin:0 auto;}
.tab_conbox{width:1178px;overflow:hidden;}
.tab_con{ display:none;}

.tabs{height:60px;width:1178px; margin:0 auto; background:url(../images/a5.png) repeat-x bottom center;}
.tabs li{ width:212px;height:60px;line-height:48px;float:left;overflow: hidden;position: relative; font-size:20px; text-align:center; margin:0 15px;}
.tabs li a {display: block;height:60px; color:#434343; text-decoration:none;}
.tabs li a:hover {background:url(../images/a4.png) no-repeat bottom center; color:#434343;}	
.tabs .thistab a,.tabs .thistab a:hover{background:url(../images/a4.png) no-repeat bottom center;color:#434343; text-decoration:none;}

.joba {min-height:400px; height:auto !important;height:400px; overflow:auto;zoom:1;}

.rd,.rdd { padding:0 20px;}
.rd p,.rdd p {background:url(../images/h1.png) no-repeat left 15px; padding:5px 15px 5px 25px;}
.rdd .rdimg { width:500px; height:323px; overflow:hidden;}
.rdd .rdimg img{ width:500px; height:323px;transition:all 0.2s;}
.rdd .rdimg:hover img{ transform:scale(1.1,1.1);transform-origin:center center}
.rdd .tex { width:600px; padding-top:60px;}
.rdd .line { clear:both; border-bottom:#ddd 1px solid; height:1px; padding-top:25px; margin-bottom:25px; overflow:hidden;}

/*手风琴*/
#slider{position:relative;width:800px;height:320px;overflow:hidden;float:left; margin-left:20px;}
#slider .slide{position:absolute;top:0px;height:320px;width:480px;overflow:hidden;border-left:#fff solid 1px;cursor:default;}
#slider .title{color:#fff;font-weight:bold;font-size:24px;margin-right:1.5em;text-decoration:none; display:block; padding:15px 0 0 15px;}
#slider .title a { color:#fff;}
#slider .backgroundText{position:absolute;width:460px;height:100%;top:100%;background:#333;filter:alpha(opacity=40);opacity:0.4; padding:0 10px;}
#slider .text{position:absolute;top:1%;top:100%;color:#FFF;font-size:12px;text-align:justify;width:410px; left:10px; line-height:22px;}
#slider .diapo{position:absolute;filter:alpha(opacity=100);opacity:1;visibility:hidden;}
.subscribe{width:316px; float:left; margin-left:20px;}
.subscribe .tit2 {width:290px;height:100px;background:#005ea6;padding:10px 26px 10px 0; color:#fff;}
.subscribe .tit2 h2{font-size:26px;line-height:30px;margin:0;text-align:right; padding-top:3px;color:#fff;}
.subscribe .tit2 h2 span{font-size:18px; margin-right:5px; line-height:30px; color:#fff; display:block;}
.subscribe .tit2 img{clear:right;float:right;margin:7px 5px 0 0px}
.subscribe .tex { border:#efefef 1px solid; width:270px; height:178px; overflow:hidden; padding:10px 22px; font-size:15px; line-height:35px;}
.subscribe .tex span { font-weight:bold; color:#F60;}